﻿<!DOCTYPE html>
<html>
  <head>
    <title>好友</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/好友/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/好友/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u2169" class="ax_default _图片">
        <img id="u2169_img" class="img " src="images/注册_登录/u99.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2170" class="ax_default box_1">
        <div id="u2170_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2171" class="ax_default box_1">
        <div id="u2171_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2172" class="ax_default box_1">
        <div id="u2172_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2173" class="ax_default" data-left="50" data-top="77" data-width="379" data-height="78">

        <!-- Unnamed (矩形) -->
        <div id="u2174" class="ax_default box_1">
          <div id="u2174_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2175" class="ax_default" data-left="199" data-top="90" data-width="75" data-height="56">

          <!-- Unnamed (矩形) -->
          <div id="u2176" class="ax_default box_2">
            <div id="u2176_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2177" class="ax_default box_1">
            <div id="u2177_div" class=""></div>
            <div id="u2177_text" class="text ">
              <p><span>附近的人</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2178" class="ax_default icon">
            <img id="u2178_img" class="img " src="images/好友/u2178.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2179" class="ax_default" data-left="331" data-top="90" data-width="75" data-height="56">

          <!-- Unnamed (矩形) -->
          <div id="u2180" class="ax_default box_2">
            <div id="u2180_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2181" class="ax_default box_1">
            <div id="u2181_div" class=""></div>
            <div id="u2181_text" class="text ">
              <p><span>俱乐部</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2182" class="ax_default icon">
            <img id="u2182_img" class="img " src="images/好友/u2182.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2183" class="ax_default" data-left="67" data-top="90" data-width="75" data-height="55">

          <!-- Unnamed (矩形) -->
          <div id="u2184" class="ax_default box_2">
            <div id="u2184_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2185" class="ax_default box_1">
            <div id="u2185_div" class=""></div>
            <div id="u2185_text" class="text ">
              <p><span>好友</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2186" class="ax_default icon">
            <img id="u2186_img" class="img " src="images/好友/u2186.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2187" class="ax_default box_1">
        <div id="u2187_div" class=""></div>
        <div id="u2187_text" class="text ">
          <p><span>通讯录</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2188" class="ax_default icon">
        <img id="u2188_img" class="img " src="images/好友/u2188.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2189" class="ax_default icon">
        <img id="u2189_img" class="img " src="images/好友/u2189.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2190" class="ax_default ellipse">
        <img id="u2190_img" class="img " src="images/好友/u2190.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2191" class="ax_default icon">
        <img id="u2191_img" class="img " src="images/好友/u2191.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2192" class="ax_default" data-left="67" data-top="229" data-width="342" data-height="43">

        <!-- Unnamed (椭圆形) -->
        <div id="u2193" class="ax_default ellipse">
          <img id="u2193_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2194" class="ax_default box_1">
          <div id="u2194_div" class=""></div>
          <div id="u2194_text" class="text ">
            <p><span>小黑君</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2195" class="ax_default box_2">
          <div id="u2195_div" class=""></div>
          <div id="u2195_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2196" class="ax_default box_1">
          <div id="u2196_div" class=""></div>
          <div id="u2196_text" class="text ">
            <p><span>250</span><span style="color:#999999;">/500</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2197" class="ax_default primary_button">
          <div id="u2197_div" class=""></div>
          <div id="u2197_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2198" class="ax_default button">
          <div id="u2198_div" class=""></div>
          <div id="u2198_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2199" class="ax_default" data-left="67" data-top="283" data-width="342" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2200" class="ax_default ellipse">
          <img id="u2200_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2201" class="ax_default box_1">
          <div id="u2201_div" class=""></div>
          <div id="u2201_text" class="text ">
            <p><span>叶杰杰</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2202" class="ax_default box_2">
          <div id="u2202_div" class=""></div>
          <div id="u2202_text" class="text ">
            <p><span>Lv.5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2203" class="ax_default box_1">
          <div id="u2203_div" class=""></div>
          <div id="u2203_text" class="text ">
            <p><span>50</span><span style="color:#999999;">/100</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2204" class="ax_default primary_button">
          <div id="u2204_div" class=""></div>
          <div id="u2204_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2205" class="ax_default button">
          <div id="u2205_div" class=""></div>
          <div id="u2205_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2206" class="ax_default" data-left="67" data-top="336" data-width="342" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2207" class="ax_default ellipse">
          <img id="u2207_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2208" class="ax_default box_1">
          <div id="u2208_div" class=""></div>
          <div id="u2208_text" class="text ">
            <p><span>郑妹纸</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2209" class="ax_default box_2">
          <div id="u2209_div" class=""></div>
          <div id="u2209_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2210" class="ax_default box_1">
          <div id="u2210_div" class=""></div>
          <div id="u2210_text" class="text ">
            <p><span>450</span><span style="color:#999999;">/500</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2211" class="ax_default primary_button">
          <div id="u2211_div" class=""></div>
          <div id="u2211_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2212" class="ax_default button">
          <div id="u2212_div" class=""></div>
          <div id="u2212_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2213" class="ax_default" data-left="69" data-top="389" data-width="341" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2214" class="ax_default ellipse">
          <img id="u2214_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2215" class="ax_default box_1">
          <div id="u2215_div" class=""></div>
          <div id="u2215_text" class="text ">
            <p><span>湿明</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2216" class="ax_default box_2">
          <div id="u2216_div" class=""></div>
          <div id="u2216_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2217" class="ax_default box_1">
          <div id="u2217_div" class=""></div>
          <div id="u2217_text" class="text ">
            <p><span>600</span><span style="color:#999999;">/1000</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2218" class="ax_default primary_button">
          <div id="u2218_div" class=""></div>
          <div id="u2218_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2219" class="ax_default button">
          <div id="u2219_div" class=""></div>
          <div id="u2219_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2220" class="ax_default" data-left="69" data-top="442" data-width="341" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2221" class="ax_default ellipse">
          <img id="u2221_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2222" class="ax_default box_1">
          <div id="u2222_div" class=""></div>
          <div id="u2222_text" class="text ">
            <p><span>五毫纸</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2223" class="ax_default box_2">
          <div id="u2223_div" class=""></div>
          <div id="u2223_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2224" class="ax_default box_1">
          <div id="u2224_div" class=""></div>
          <div id="u2224_text" class="text ">
            <p><span>2500</span><span style="color:#999999;">/5000</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2225" class="ax_default primary_button">
          <div id="u2225_div" class=""></div>
          <div id="u2225_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2226" class="ax_default button">
          <div id="u2226_div" class=""></div>
          <div id="u2226_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2227" class="ax_default" data-left="67" data-top="494" data-width="342" data-height="43">

        <!-- Unnamed (椭圆形) -->
        <div id="u2228" class="ax_default ellipse">
          <img id="u2228_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2229" class="ax_default box_1">
          <div id="u2229_div" class=""></div>
          <div id="u2229_text" class="text ">
            <p><span>毒瘤</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2230" class="ax_default box_2">
          <div id="u2230_div" class=""></div>
          <div id="u2230_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2231" class="ax_default box_1">
          <div id="u2231_div" class=""></div>
          <div id="u2231_text" class="text ">
            <p><span>250</span><span style="color:#999999;">/500</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2232" class="ax_default primary_button">
          <div id="u2232_div" class=""></div>
          <div id="u2232_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2233" class="ax_default button">
          <div id="u2233_div" class=""></div>
          <div id="u2233_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2234" class="ax_default" data-left="69" data-top="548" data-width="341" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2235" class="ax_default ellipse">
          <img id="u2235_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2236" class="ax_default box_1">
          <div id="u2236_div" class=""></div>
          <div id="u2236_text" class="text ">
            <p><span>啤酒老</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2237" class="ax_default box_2">
          <div id="u2237_div" class=""></div>
          <div id="u2237_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2238" class="ax_default box_1">
          <div id="u2238_div" class=""></div>
          <div id="u2238_text" class="text ">
            <p><span>25</span><span style="color:#999999;">/50</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2239" class="ax_default primary_button">
          <div id="u2239_div" class=""></div>
          <div id="u2239_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2240" class="ax_default button">
          <div id="u2240_div" class=""></div>
          <div id="u2240_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2241" class="ax_default" data-left="69" data-top="601" data-width="341" data-height="42">

        <!-- Unnamed (椭圆形) -->
        <div id="u2242" class="ax_default ellipse">
          <img id="u2242_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2243" class="ax_default box_1">
          <div id="u2243_div" class=""></div>
          <div id="u2243_text" class="text ">
            <p><span>真相君</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2244" class="ax_default box_2">
          <div id="u2244_div" class=""></div>
          <div id="u2244_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2245" class="ax_default box_1">
          <div id="u2245_div" class=""></div>
          <div id="u2245_text" class="text ">
            <p><span>250</span><span style="color:#999999;">/500</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2246" class="ax_default primary_button">
          <div id="u2246_div" class=""></div>
          <div id="u2246_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2247" class="ax_default button">
          <div id="u2247_div" class=""></div>
          <div id="u2247_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2248" class="ax_default" data-left="69" data-top="654" data-width="341" data-height="43">

        <!-- Unnamed (椭圆形) -->
        <div id="u2249" class="ax_default ellipse">
          <img id="u2249_img" class="img " src="images/好友/u2193.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2250" class="ax_default box_1">
          <div id="u2250_div" class=""></div>
          <div id="u2250_text" class="text ">
            <p><span>卷福</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2251" class="ax_default box_2">
          <div id="u2251_div" class=""></div>
          <div id="u2251_text" class="text ">
            <p><span>Lv.25</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2252" class="ax_default box_1">
          <div id="u2252_div" class=""></div>
          <div id="u2252_text" class="text ">
            <p><span>250</span><span style="color:#999999;">/500</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2253" class="ax_default primary_button">
          <div id="u2253_div" class=""></div>
          <div id="u2253_text" class="text ">
            <p><span>邀请</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2254" class="ax_default button">
          <div id="u2254_div" class=""></div>
          <div id="u2254_text" class="text ">
            <p><span>解除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2255" class="ax_default box_1">
        <div id="u2255_div" class=""></div>
        <div id="u2255_text" class="text ">
          <p><span>&#149; 进入好友页可查看您的好友以及本机通讯录</span></p><p><span><br></span></p><p><span>&#149; 可对自己的好友进行邀请游戏或解除关系的操作</span></p><p><span><br></span></p><p><span>&#149; 点击刷新按钮可以刷新好友状态</span></p><p><span><br></span></p><p><span>&#149; 放大镜可搜索特定好友，加号可添加新好友</span></p><p><span><br></span></p><p><span>&#149; 再点击好友按钮可返回社交页</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2256" class="ax_default" data-left="178" data-top="228" data-width="58" data-height="448">

        <!-- Unnamed (矩形) -->
        <div id="u2257" class="ax_default box_1">
          <div id="u2257_div" class=""></div>
          <div id="u2257_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2258" class="ax_default box_1">
          <div id="u2258_div" class=""></div>
          <div id="u2258_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2259" class="ax_default box_1">
          <div id="u2259_div" class=""></div>
          <div id="u2259_text" class="text ">
            <p><span>（离线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2260" class="ax_default box_1">
          <div id="u2260_div" class=""></div>
          <div id="u2260_text" class="text ">
            <p><span>（离线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2261" class="ax_default box_1">
          <div id="u2261_div" class=""></div>
          <div id="u2261_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2262" class="ax_default box_1">
          <div id="u2262_div" class=""></div>
          <div id="u2262_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2263" class="ax_default box_1">
          <div id="u2263_div" class=""></div>
          <div id="u2263_text" class="text ">
            <p><span>（离线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2264" class="ax_default box_1">
          <div id="u2264_div" class=""></div>
          <div id="u2264_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2265" class="ax_default box_1">
          <div id="u2265_div" class=""></div>
          <div id="u2265_text" class="text ">
            <p><span>（在线）</span></p>
          </div>
        </div>
      </div>

      <!-- 底部导航栏 (组合) -->
      <div id="u2266" class="ax_default" data-label="底部导航栏" data-left="50" data-top="703" data-width="377" data-height="52">

        <!-- Unnamed (矩形) -->
        <div id="u2267" class="ax_default box_3">
          <img id="u2267_img" class="img " src="images/好友/u2267.png"/>
        </div>

        <!-- 商城 (组合) -->
        <div id="u2268" class="ax_default" data-label="商城" data-left="228" data-top="712" data-width="29" data-height="41">

          <!-- Unnamed (形状) -->
          <div id="u2269" class="ax_default icon selected">
            <img id="u2269_img" class="img " src="images/好友/u2269_selected.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2270" class="ax_default label selected">
            <div id="u2270_div" class="selected"></div>
            <div id="u2270_text" class="text ">
              <p><span>商城</span></p>
            </div>
          </div>
        </div>

        <!-- 个人 (组合) -->
        <div id="u2271" class="ax_default" data-label="个人" data-left="387" data-top="712" data-width="25" data-height="41">

          <!-- Unnamed (形状) -->
          <div id="u2272" class="ax_default icon">
            <img id="u2272_img" class="img " src="images/好友/u2272.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2273" class="ax_default label">
            <div id="u2273_div" class=""></div>
            <div id="u2273_text" class="text ">
              <p><span>个人</span></p>
            </div>
          </div>
        </div>

        <!-- 首页 (组合) -->
        <div id="u2274" class="ax_default" data-label="首页" data-left="60" data-top="712" data-width="30" data-height="41">

          <!-- Unnamed (形状) -->
          <div id="u2275" class="ax_default icon">
            <img id="u2275_img" class="img " src="images/好友/u2275.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2276" class="ax_default label">
            <div id="u2276_div" class=""></div>
            <div id="u2276_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>
        </div>

        <!-- 发现 (组合) -->
        <div id="u2277" class="ax_default" data-label="发现" data-left="143" data-top="712" data-width="35" data-height="41">

          <!-- Unnamed (形状) -->
          <div id="u2278" class="ax_default icon">
            <img id="u2278_img" class="img " src="images/好友/u2278.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2279" class="ax_default label">
            <div id="u2279_div" class=""></div>
            <div id="u2279_text" class="text ">
              <p><span>社交</span></p>
            </div>
          </div>
        </div>

        <!-- 消息 (组合) -->
        <div id="u2280" class="ax_default" data-label="消息" data-left="307" data-top="712" data-width="29" data-height="41">

          <!-- Unnamed (形状) -->
          <div id="u2281" class="ax_default icon">
            <img id="u2281_img" class="img " src="images/好友/u2281.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2282" class="ax_default label">
            <div id="u2282_div" class=""></div>
            <div id="u2282_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2283" class="ax_default box_1">
        <div id="u2283_div" class=""></div>
        <div id="u2283_text" class="text ">
          <p><span>您的好友</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u2284" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u2284_state0" class="panel_state" data-label="State1" style="">
          <div id="u2284_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u2285" class="ax_default" data-left="15" data-top="137" data-width="278" data-height="267">

              <!-- Unnamed (矩形) -->
              <div id="u2286" class="ax_default box_2">
                <div id="u2286_div" class=""></div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2287" class="ax_default button">
              <div id="u2287_div" class=""></div>
              <div id="u2287_text" class="text ">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2288" class="ax_default primary_button">
              <div id="u2288_div" class=""></div>
              <div id="u2288_text" class="text ">
                <p><span>添加</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2289" class="ax_default box_1">
              <div id="u2289_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2290" class="ax_default box_1">
              <div id="u2290_div" class=""></div>
              <div id="u2290_text" class="text ">
                <p><span>添加好友</span></p>
              </div>
            </div>

            <!-- Unnamed (文本框) -->
            <div id="u2291" class="ax_default text_field">
              <input id="u2291_input" type="text" value=""/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2292" class="ax_default icon">
              <img id="u2292_img" class="img " src="images/好友/u2292.png"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u2293" class="ax_default radio_button">
              <label for="u2293_input" style="position: absolute; left: 0px;">
                <div id="u2293_text" class="text ">
                  <p><span>同城</span></p>
                </div>
              </label>
              <input id="u2293_input" type="radio" value="radio" name="u2293"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u2294" class="ax_default radio_button">
              <label for="u2294_input" style="position: absolute; left: 0px;">
                <div id="u2294_text" class="text ">
                  <p><span>作家</span></p>
                </div>
              </label>
              <input id="u2294_input" type="radio" value="radio" name="u2294"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u2295" class="ax_default radio_button">
              <label for="u2295_input" style="position: absolute; left: 0px;">
                <div id="u2295_text" class="text ">
                  <p><span>等级</span></p>
                </div>
              </label>
              <input id="u2295_input" type="radio" value="radio" name="u2295"/>
            </div>

            <!-- Unnamed (下拉列表框) -->
            <div id="u2296" class="ax_default droplist ax_default_hidden" style="display:none; visibility: hidden">
              <select id="u2296_input">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="……">……</option>
                <option value="10">10</option>
                <option value="……">……</option>
                <option value="50">50</option>
              </select>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u2297" class="ax_default radio_button">
              <label for="u2297_input" style="position: absolute; left: 0px;">
                <div id="u2297_text" class="text ">
                  <p><span>性别</span></p>
                </div>
              </label>
              <input id="u2297_input" type="radio" value="radio" name="u2297"/>
            </div>

            <!-- Unnamed (下拉列表框) -->
            <div id="u2298" class="ax_default droplist ax_default_hidden" style="display:none; visibility: hidden">
              <select id="u2298_input">
                <option value="男">男</option>
                <option value="女">女</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
